今天也是介紹陣列,其實不光是React陣列在程式語言裡面扮演了舉重無輕的地位,也是很常需要被處理的東西,相信大家都有看過類似下面這種圖,今天會針對push,pop做介紹
push顧名思義就是推東西的意思,在這裡就把它當成是推某個東西都陣列的尾巴,此方法會將一個值或多個值也可以說是陣列加進陣列的尾端,回傳值為新陣列的長度。用法是在小括弧內塞進要加入的東西
範例如下:
可以加入單一值
let array=[1,2,3,4,5]
array.push("a")
console.log(array)
也可以加入多個值
let array=[1,2,3,4,5]
console.log( array.push("a","b"))
console.log(array)
還可以加入一個陣列,不過裡面會真的變成一個陣列
let array=[1,2,3,4,5]
console.log( array.push(["a","b","c"]))
console.log(array)
如果需要完整合併需要用展開運算子
let array=[1,2,3,4,5]
console.log( array.push(...["a","b","c"]))
console.log(array)
pop當作動詞在劍橋字典裡翻成-使什麼彈出的意思,在這裡它的作用是使陣列的末端彈出一個值,說直白一點就是刪除陣列末端的值。裡面不需要帶任何參數,但是如果對空陣列使用會回傳undefined。
let array=[1,2,3,4,5]
console.log( array.pop())
console.log(array)
附帶一提,pop可以回傳被刪除的值,範例如下:
let array=[1,2,3,4,5]
let popTest=array.pop()
console.log(popTest)//回傳刪除的值
console.log(array)//刪除後的原陣列
以上兩個語法為對陣列末端進增加以及刪除的方法,當然同時也有針對陣列開頭的增加刪除方法,留作明天介紹